<template>
	<view>
		<scroll-view class="allPage" :scroll-into-view="toView" scroll-y :style="{'background' : pageInfo.color}">
			<!-- 套餐头图 -->
			<view class="page1">
				<image :src="pageInfo.head_img" mode="widthFix"></image>
			</view>
			<!-- 通知栏 -->
			<view class="page2" >
				<h-carousel-roll :list="list1"></h-carousel-roll>
			</view>
			<!-- 选号 -->
			<view class="page3" >
				<view class="page3_top" >
					<view class="page3_top_select"  @click="selectarea">
						<view class="page3_top_select_title" id="section1">
							归属地(可选择)
						</view>
						<view class="page3_top_select_area">
							{{address}}
						</view>
						<view class="page3_top_select_icon">
							<image src="@/static/position.png" mode="" style="width: 40rpx;height: 40rpx;"></image>
						</view>
					</view>
					<view class="page3_top_search">
						<input maxlength="6" type='number' class="uni-input" v-model="userPreferredNumber" placeholder="请输入至少三位数字" />
						<view class="search" @click="searClick" >
							搜索
						</view>
					</view>
						<!--<view class="page3_top_btn" >
						<view v-for="(item,index) in searBtnList" :key="index" class="search_tab" :class="{ 'tabactive': tabactive == index }" @tap="searBtnClick(index,item.value)">
							{{item.title}}
						</view>
					</view>		 -->	
				</view>
				<view class="page3_bottom" >
					<view class="page3_bottom_item" v-for="(item,index) in list[params.page - 1]" :key="index" :class="{ 'phoneactive' : phoneactive == item.phoneNum}" @tap="selectphone(index,item)">
						{{item.phoneNum}}
						<!-- <p style="font-size: 26rpx;font-weight: 400;color: red;padding-top: 8rpx;">{{item.phoneText}}</p> -->
					</view>
					<view class="page3_bottom_page" >
						<view @click="lastPageComputed" class="page3_bottom_page_btn" :class="{'lastPage' : lastPage == true}">
							<uni-icons type="left" size="17" color="#fff"></uni-icons>
							<text style="padding-left: 8rpx;">上一页</text>
						</view>
						<view @click="nextPageComputed" class="page3_bottom_page_btn" :class="{'nextPage' : nextPage == true}">
							<text style="padding-right: 8rpx;">下一页</text>
							<uni-icons type="right" size="17" color="#fff"></uni-icons>
						</view>
					</view>
				</view>
			</view>
			<!-- 下单 -->
			<view class="page4" >
				<view class="page4_title1" id="section2" v-if="selectPhone != ''">
					<p>已选择<span style="color: #ffdea5;">精品号码{{selectPhone}}</span></p>
					<p style="font-size: 26rpx;padding-top: 5rpx;" @click="changephone">换号<uni-icons type="right" size="14" color="#fff"></uni-icons></p>
				</view>
				<view class="page4_title2">
					<p>根据国家手机号卡实名制规定，请如实填写信息</p>
					<p>15天内 已在线领卡请更换其他证件下单，以便及时为您送达</p>
				</view>
				<view class="page4_form">
					<view class="page4_form_view">
						<u--form
								labelPosition="left"
								:model="model1"
								:rules="rules"
								ref="uForm"
						>
							<u-form-item
									label="地址"
									prop="userInfo.area"
									@click="address2Show = true"
									required
									ref="item1"
							>
								<u--input
										v-model="model1.userInfo.area"
										disabled
										disabledColor="#ffffff"
										placeholder="请选择地址"
										border="none"
								></u--input>
								<u-icon
										slot="right"
										name="arrow-right"
								></u-icon>
							</u-form-item>
							<u-form-item
									label="地址"
									prop="userInfo.address"
									required
									ref="item1"
							>
								<u--input
										v-model="model1.userInfo.address"
										border="none"
										placeholder="街道/镇+村/小区/写字楼+门牌号"
								></u--input>
							</u-form-item>
							<u-form-item
									label="姓名"
									prop="userInfo.name"
									required
									ref="item1"
							>
								<u--input
										v-model="model1.userInfo.name"
										border="none"
										placeholder="本人姓名"
								></u--input>
							</u-form-item>
							<u-form-item
									label="手机号"
									prop="userInfo.phone"
									required
									ref="item1"
							>
								<u--input
										v-model="model1.userInfo.phone"
										border="none"
										maxlength="11"
										type='number'
										placeholder="本人联系电话"
								></u--input>
							</u-form-item>
							<u-form-item
									label="身份证"
									prop="userInfo.selfphone"
									required
									ref="item1"
							>
								<u--input
										v-model="model1.userInfo.selfphone"
										border="none"
										maxlength="18"
										placeholder="本人身份证号"
								></u--input>
							</u-form-item>
							<!-- 验证码 -->
							<!-- <u-form-item
									label="验证码"
									prop="userInfo.code"
									required
									ref="item1"
							>
								<u--input
										v-model="model1.userInfo.code"
										border="none"
										placeholder="验证码"
										maxlength="6"
								></u--input>
								<template slot="right">
									<view class="wrap">
										<u-toast ref="uToast"></u-toast>
										<u-code :seconds="seconds" @end="end" @start="start" ref="uCode" 
										@change="codeChange"></u-code>
										<u-button @tap="getCode">{{tips}}</u-button>
									</view>
								</template>
							</u-form-item> -->
							<!-- 身份证上传 -->
					<!-- 		<u-form-item
									label="身份证正面"
									prop="userInfo.idcard_front"
									required
									ref="item1"
							>
								<u-upload
									:fileList="fileListFront"
									@afterRead="afterReadFront"
									@delete="deletePic"
									name="6"
									multiple
									:maxCount="1"
									
								>
									<image src="@/static/sfz.png" mode="widthFix" style="width: 250rpx;height: 150rpx;"></image>
								</u-upload>
							</u-form-item>
							<u-form-item
									label="身份证背面"
									prop="userInfo.idcard_back"
									required
									ref="item1"
									 label-width="300rpx"
							>
								<u-upload
									:fileList="fileList6"
									@afterRead="afterRead"
									@delete="deletePic"
									name="6"
									multiple
									:maxCount="1"
									
								>
									<image src="@/static/guohui.png" mode="widthFix" style="width: 250rpx;height: 150rpx;"></image>
								</u-upload> -->
							</u-form-item>
							
						</u--form>
					</view>
					<view @click="placeOrder" class="page4_form_btn">
						免费领取 包邮到家
					</view>
					<view class="page4_form_agreement">
						<u-checkbox-group v-model="checkboxValue1" activeColor="red" placement="column" @change="checkboxChange">
							<u-checkbox labelSize="22rpx" labelColor="#B3B3B3" v-for="(item, index) in checkboxList1"
								:key="index" :label="item.name" :name="item.name">
							</u-checkbox>
						</u-checkbox-group>
						
						<view class="page4_form_agreement_ag" style="color: #000;">
								我已阅读并同意 <span @click="open">《个人信息授权及保护声明》</span>、<span @click="open2">《单独同意书》</span>、<span @click="open3">《入网服务及服务协议》</span>和 <span @click="open4">《个人信息收集证明》</span>
						</view>
					</view>
				</view>
			</view>
			<view></view>
			<!-- 评论轮播 -->
			<view class="page5" id="section3">
				<view class="scroll_box"> 
					<view class="scroll_box_top">热门评论 <span style="font-size: 28rpx;color: #d12426;padding-left: 8rpx;">999+</span> </view>
					<swiper class="swiper" circular="true" vertical="true" disable-touch="true" display-multiple-items="4" :autoplay="autoplay" :interval="interval" :duration="duration">
						<swiper-item class="" v-for="(item,index) in list2" :key="index">
							<view class="swiper-item uni-bg-green">
								<text style="display: inline-block;width: 120rpx;">{{item.name}}</text>
								<text>{{item.title}}</text>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
			<!-- 套餐详情 -->
			<view class="page6" >
				<rich-text :nodes="pageInfo.details"></rich-text>
			</view>
			<!-- 订单查询 -->
			<view v-if="showOrder" @click="orderQuery" class="order_query">
				<image src="../../static/order.png" mode=""></image>
				订单查询
			</view>
			<!-- 地区选择器-归属地 -->
			<address-picker :show="addressShow" closeOnClickOverlay @confirm='confirmAddress' @cancel='addressShow=false' @close='addressShow = false' :address-data="addressData" :indexs="indexs" :areaId="areaId" :type="type"></address-picker>
			<!-- 地区选择器-收货地址 -->
			<address-picker :show="address2Show" closeOnClickOverlay @confirm='confirmAddress2' @cancel='address2Show=false' @close='address2Show = false' :address-data="addressData2" :indexs="indexs2" :areaId="areaId2" :type="type2"></address-picker>
			<!-- 协议 -->
			<u-popup :show="show" mode="bottom"  @close="close" @open="open" round="10">
				<view style="height: 70vh;padding: 30rpx;overflow-y: auto;font-size: 22rpx;">
					                  个人信息授权及保护声明
					
					甲方：
					乙方：北京歌华益网科技发展有限公司号卡服务用户协议
					
					根据甲方与乙方（北京歌华益网科技发展有限公司）提供的号卡的所属公司（以下称“运营商”）签订的相关入网服务协议，甲乙双方在平等自愿、公平诚信的基础上，达成协议如下：
					提示：在甲方按照注册页面提示填写信息、阅读并勾选“我已阅读同意《号卡服务用户协议》”且提交订单后，或甲方以其他乙方允许的方式实际使用乙方提供的号卡服务时，即表示甲方已充分阅读、理解并同意接受本协议的全部内容的约束。甲方承诺接受并遵守本协议的约定，届时甲方不应以未阅读本协议的内容或未获得乙方对甲方问询的解答等理由，主张本协议无效，或要求撤销本协议。
					
					一、协议范围
					1.本协议由甲方（或称“用户”）与乙方北京歌华益网科技发展有限公司共同缔结，本协议具有合同效力。
					2.乙方作为相关运营商的产品推广商，为甲方提供运营商产品办理接口及服务，甲方通过乙方的接口及服务，办理运营商产品。甲乙双方享有本协议约定之权利，履行本协议约定之义务。
					3.除另行明确声明外，乙方提供的相关服务均受本协议约束。如果甲方不同意本协议的约定，甲方应立即停止确认程序或停止使用乙方的服务。
					4.本协议内容包括协议正文、法律声明，以及所有乙方已经发布或将来可能发布的各类服务内容、服务标准、使用规则、公告或通知（以下简称“规则”）。所有规则为本协议不可分割的组成部分，与本协议具有同等法律效力。
					
					二、入网要求与账户
					1.主体资格
					甲方确认，甲方办理入网、变更手续时，应提供甲方本人真实有效的身份证件原件，不得冒用他人证件或者使用伪造、变造的证件，否则应自行承担相关后果并赔偿因此给乙方造成的损失。如甲方在办理入网手续时未通过实名认证，乙方有权拒绝为甲方提供服务且本协议自始未生效。
					2.用户信息
					（2）甲方同意乙方及第三方业务合作机构仅为实现本协议合作之目的收集甲方的个人信息（包括但不限于甲方姓名、身份证号、联系方式等），乙方及第三方业务合作机构收集、存储的甲方个人信息有错误的，甲方有权要求更正，乙方及第三方业务合作机构应当采取措施予以删除或者更正，如乙方及第三方业务合作机构违反法律、行政法规的规定或者双方的约定收集、使用甲方个人信息的，甲方有权要求删除其个人信息。乙方及第三方业务合作机构对甲方的个人信息依法保密，但为了与甲方建立沟通渠道，改善服务质量，甲方授权并同意乙方及第三方业务合作机构可以依法使用甲方的信息与甲方联系。
					
					三、甲方的权利和义务
					1.在甲方完成注册程序或以其他乙方允许的方式实际使用乙方服务时，甲方应当具备完全民事权利能力和完全民事行为能力。若甲方不具备前述主体资格，则甲方及甲方的监护人应承担因此而导致的一切后果，且乙方有权向甲方及甲方的监护人索偿因此遭受的相应损失。
					2.甲方同一身份证限购同一类号卡业务的1单套餐，并保持联系电话畅通，如甲方电话无人接听或恶意下单，甲方自行承担运营商不予发货的后果，乙方对此不承担责任。
					3.甲方申请办理号卡业务，应如实填写申请页面相应信息，订单生成后，相关信息不可更改，因填写内容不实、不尽造成运营商审核不通过的，由甲方承担全部责任。
					4.甲方申请办理号卡业务，应当在申请审核通过并收到相关号卡之后及时激活，逾期未激活的，甲方自行承担号卡过期的后果，乙方对此不承担责任。
					5.甲方申请办理号卡业务，甲方在号卡到货后拒收的，甲方自行承担运营商予以退单的后果，乙方对此不承担责任。
					6.甲方申请办理号卡业务，提交申请单后，乙方即转送至上游运营商处理，后续甲方所选号码均为乙方上游运营商确定并邮寄，乙方不承担甲方所选号码与收到号码不一致的责任。
					7.根据运营商要求，部分号卡需收取一定金额的预付费，该预付费为号卡购买费用，不代表预充话费，具体号卡说明以号卡申请的宣传页面为准。甲方承诺，申请号卡时甲方已仔细阅读宣传界面上载明的号卡说明且无异议。
					8.甲方应当按照约定的时间和方式及时、足额地向运营商交纳电信费用。甲方逾期不交纳电信费用的，乙方有权督促甲方补交电信费用，并可按照有关规定向征信机构提供甲方的欠费信息。甲方应依据与运营商签订的相关入网服务协议承担责任，乙方因甲方逾期不交纳电信费用的受到运营商处罚的，甲方应当承担与乙方处罚金额等额的赔偿责任。
					9.甲方不得利用乙方渠道、利用本次申请的号卡制作、复制、发布、传播含有以下内容的信息或从事下列违法活动，否则乙方有权暂停或限制向甲方提供的服务，直至终止所有服务，并有权向运营商通报，涉嫌违法犯罪的，乙方将报警处理。由此产生的后果，乙方不承担责任：
					10.依据《征信业管理条例》及相关法律法规，为确保甲方手机号码、姓名、身份证号三要素一致，符合办理相应号卡业务条件，甲方授权乙方向第三方支付/征信/金融机构或通过上述机构向其他拥有合法资质的第三方（具有资质的征信机构、电信运营商及其代理商和关联公司、公安部身份信息查询中心）合法了解、获取、核实甲方的信用信息及个人信息。
					
					四、乙方的权利和义务
					1.乙方严格遵守国家法律法规关于用户个人信息保护、网络安全等规定。乙方收集、使用甲方个人信息，应当遵循合法、正当、必要的原则。甲方理解并同意，乙方及第三方业务合作机构可以通过业务受理系统登记、纸质返档，通过网络接收、读取并记录等方式，以提供电信服务为目的，在业务活动中收集、使用甲方提供的和甲方使用服务过程中形成的个人信息。乙方有权依法对包含甲方在内的整体用户数据进行分析并加以利用。未经甲方同意，乙方不向除乙方关联公司外的第三方提供甲方个人信息。乙方不得侵害甲方的通信自由和通信秘密，对甲方的客户资料负有保密义务。但根据法律法规规定，乙方有义务配合法定机关对客户通信、资料、数据的调查取证等工作。
					2.乙方有权根据运营商对其产品的说明、资费方案、计费规则、收取方式的变动，调整其申请页面的相应宣传内容，相关产品宣传内容如有调整，乙方将提前公告。调整后方案的具体执行时间以乙方公示为准。
					3.乙方有义务采取公布监督电话等形式受理甲方投诉，并在接到投诉之日起15日内答复甲方。
					4.乙方承诺自身不向甲方发送违法信息或骚扰信息（不包括乙方为甲方提供业务服务而发送的信息）。
					
					五、特殊情况的责任承担
					1.甲方如出现违法使用、违规外呼、呼叫频次异常、超约定用途使用、转租转售、发送违法违规信息、未经接收用户同意发送商业广告信息给他人造成骚扰、被公安机关通报以及用户就上述问题投诉较多等情况的，经乙方核实确认后，乙方有权向运营商通报，终止业务接入。因此给甲方造成的损失，乙方不承担责任。甲方知悉并同意：本卡仅做甲方正常通信使用，不私自转售、不用于违法犯罪活动，甲方使用本卡不得违反甲乙双方的约定以及甲方与运营商的约定、不得违反法律法规及公序良俗，否则甲方将承担由此产生的全部法律责任。
					2.甲方名下的移动电话号码逾期未交清费用的，乙方有权拒绝甲方以自己名义提出的其他新的号卡业务开办申请。根据国家相关规定，甲方在指定运营商办理有效使用的移动电话卡达到5张的，乙方不予为其开办新的号卡。
					3.在甲方欠费时，乙方可配合运营商采取信函、委托第三方等形式追缴欠费，并可按照有关规定向征信机构提供甲方的欠费信息。
					4.甲方应妥善保管自己的号卡避免被他人非法使用，如甲方发现号卡被盗用，甲方应尽可能迅速告知乙方及相关运营商，办理停机或补卡手续，乙方应予配合并依法采取相应措施。甲方可向公安部门报案，乙方应在技术上协助公安部门进行调查，但乙方对上述情形造成甲方的任何损失不承担责任。
					5.因甲方提供的客户资料不详、不实或变更后未通知乙方等原因，使乙方无法将服务提供给甲方，乙方不承担由此对甲方所造成的不良后果。甲方未完全履行本协议约定义务，所提供客户资料不真实、不准确、不完整、超过有效期或无效的，乙方有权暂时中止履行本协议并催告甲方补充提供相关资料。甲方在接到乙方催告后30天内拒不补充提供到位的，乙方有权终止本协议。
					6.当不可抗力的情形发生时，甲乙双方可根据不可抗力的影响，部分或者全部免除责任，但法律另有规定的除外。甲方或乙方迟延履行后发生不可抗力的，不能免除责任。
					7.一方违约给对方造成损失的，应当依法承担赔偿责任。
					
					六、协议的变更、转让与终止
					1.甲方办理各类业务所签署的表单、乙方以公告等书面形式公开做出的服务承诺均为本协议的补充协议，与本协议冲突部分以补充协议为准，补充协议中未约定部分以本协议为准。但补充协议不得规避和降低乙方的法定义务和服务标准。同时不一致条款应向客户明示（如字体加黑、划线或变换字体等）。
					2.乙方承诺资费方案有效期为一年（双方有特殊约定的除外）。乙方有权在有效期截止后修改资费方案。如需修改，乙方应在有效期届满前两个月通知甲方。如无需修改，则原资费方案顺延一年，顺延次数不限。如甲方不接受修改，则甲方可到期取消该资费方案。如甲方对乙方调整后的资费方案未提出异议，则视为甲方同意乙方调整后的全部内容，本协议继续有效。
					3.如甲方要将协议项下的手机号码及附属权利义务转让给第三人（过户），应与第三人共同到乙方营业网点协商，在三方就权利义务转移等问题达成一致后，共同签订过户协议，本协议同时自动终止。因甲方私自转让而造成的欠费、停机等后果，由甲方自行承担。
					4.如甲方要求终止本协议项下的服务内容，应在缴清相关费用后办理销户手续。下列情况下乙方有权解除协议，终止提供服务。由此给甲方造成的损失，乙方不承担责任，并有权要求甲方承担乙方因此遭受的全部损失：
					（1）移动电话被用于违法犯罪活动或其他不正当用途，或甲方严重违约致使乙方遭受较大损失；
					（2）乙方收到法定机关要求停止为甲方提供通信服务的通知；
					（3）甲方欠费停机超过60天；
					（4）甲方提交给乙方的资料信息及有效证明虚假不实，可能给乙方带来经营风险或损失，经乙方要求仍拒不更正；
					（5）其他继续履行本协议将造成乙方损失的情形。
					5.在法定终止条件或约定终止条件具备时，本协议终止。乙方继续保留配合运营商向甲方追缴所欠费用及违约金的权利。
					
					七、其他约定
					1.乙方关联公司是指乙方现在或将来控制、受控制或与其处于共同控制下的任何公司、机构以及上述公司或机构的合法继承人。其中“控制”是指直接或间接地拥有影响所提及公司管理的能力，无论是通过所有权、有投票权的股份、合同或其他被人民法院认定的方式。
					2.双方的联系方式位于签章处，一方如有变更，应及时通知另一方，未及时通知的，。一方按照原有地址发送文件的（包括但不限于欠费催缴通知），发出后即视为送达。
					3.本协议项下发生的争议，双方可协商解决，协商不成的，双方可选择向电信管理部门申诉，或向消费者协会投诉；仍无法解决争议的，双方均有权向乙方所在地的人民法院提起诉讼。
					4.本协议自甲方确认阅读并勾选后生效。
					
					（甲方承诺：本人已经充分、完整阅读并理解本协议所述全部条款及条件。）
					
					甲方：（签字或盖章）____________
					甲方用户号码：__________________
					甲方送达地址：__________________
					签署日期：
					
					乙方：（盖章）北京歌华益网科技发展有限公司
					送达地址：________________________
					签署日期：
				</view>
			</u-popup>
			<u-popup :show="show2" mode="bottom"  @close="close" @open="open2" round="10">
				<view style="height: 70vh;padding: 30rpx;overflow-y: auto;font-size: 22rpx;">
					本人向贵司（北京歌华益网科技发展有限公司）申请提供精选靓号、话费、流量、宽带、影视会员VIP折扣等通信产品服务，鉴于贵司在业务审查、审批或者其他业务过程需要收集及使用本人信息，本人已充分知悉并明确同意：鉴于贵司为本人提供前述服务，本人同意，贵司有权向本人所选购通信产品对应的合作运营商（以下称为“信息接收方”）提供并处理贵司基于《个人信息保护政策》所收集的本人下单时提交的个人信息，且本人确认贵司已向本人充分告知、本人也明确知悉信息接收方及信息处理的情况如下：
					（1）名称：中国移动通信集团有限公司及其子公司、分公司 联系方式：10086 处理目的：向运营商同步用户下单提交的信息，由运营商提供后续产品服务 处理方式：订单信息回传 个人信息种类：个人基本信息（包括姓名、电话号码、身份证）；
					（2）名称：中国联合网络通信股份有限公司及其子公司、分公司，联系方式：10010 处理目的：向运营商同步用户下单提交的信息，由运营商提供后续产品服务，处理方式：订单信息回传，个人信息种类：个人基本信息（包括姓名、电话号码、身份证）；
					（3）名称：中国电信股份有限公司及其子公司、分公司，联系方式：10000 处理目的：向运营商同步用户下单提交的信息，由运营商提供后续产品服务，处理方式：订单信息回传。个人信息种类：个人基本信息（包括姓名、电话号码、身份证）；
					（4）名称：中国广电股份有限公司及其子公司、分公司，联系方式：10099 处理目的：向运营商同步用户下单提交的信息，由运营商提供后续产品服务，处理方式：订单信息回传。个人信息种类：个人基本信息（包括姓名、电话号码、身份证）；
					
					本人在此声明：
					本人已充分理解上述条款的含义，充分了解该等信息处理活动依赖互联网开展而互联网环境并非绝对安全，本人仍作出上述同意。贵司已经对相关事宜与风险向本人进行充分披露及说明，本人已知晓并同意。本人承诺并保证，本人在本同意书项下所提供的所有本人信息真实、准确、完整、有效，且不会侵犯任何第三方的合法权利。
				</view>
			</u-popup>
			<u-popup :show="show3" mode="bottom"  @close="close" @open="open3" round="10">
				<view style="height: 70vh;padding: 30rpx;overflow-y: auto;font-size: 22rpx;">
					                      广电客户入网服务协议
					
					甲方：____________
					
					乙方：中国广播电视网络集团有限公司____________公司
					
					根据《中华人民共和国合同法》、《中华人民共和国电信条例》等有关法律法规的规定，甲乙双方在平等、自愿、公平、诚信的基础上，基于对乙方通信服务的了解和需求，甲方自愿申请成为乙方客户，并达成协议如下：
					
					第一条入网要求及业务办理
					
					（一）甲方办理入网、变更手续时，应提交以下登记资料：
					
					1、个人客户：提供个人有效身份证件原件，委托他人办理的应同时提交本人及代理人有效身份证件原件及授权委托书。利用个人临时身份证件原件办理的，须同时提供公安部门出具的身份证领取凭证、身份信息辅助证件（驾照、医保卡或户口本等），不得委托他人办理。
					
					2、单位客户：提供单位有效证件原件（或加盖公章的单位有效证件复印件）、经办人有效身份证件原件、加盖公章的单位介绍信等，单位客户办理移动电话（含无线上网卡）业务时，须同时提供实际使用人有效身份证件。
					
					3、甲方户籍所在地（以有效身份证件的住址为准）或法定住所地（单位有效证件上单位注册地）不在本地的，应该按照乙方的要求办理相应的担保手续。
					
					（二）甲方应使用国家给予入网许可标志的终端设备，终端设备应具备支持所选服务的相应功能，如无法支持所选服务，甲方应自行承担后果，并向乙方全额支付其所选服务的全部费用。
					
					（三）甲方欲将业务号码过户时，应先交清所有费用，过户时须由双方持有效身份证件原件办理。如有特殊情况，甲方可委托他人办理，但应同时提交本人及代理人有效身份证件原件及授权委托书。
					
					（四）在甲方通过过户成为新机主的情形下，如因原机主未亲自到场办理过户而导致原机主就此提出异议，甲方应无条件放弃因过户产生的全部权益，并承担由此对原机主及对乙方造成的一切损失。过户代理人对此承担连带责任。
					
					（五）甲方采用担保人方式入网的，办理过户业务时，甲方须提交担保人出具的书面文件，说明担保人同意继续担保或要求终止担保。新机主应符合本协议第一条第（一）款的条件。
					
					（六）甲方本人未到场，由代理人、经办人办理各类业务的，甲方应承担由此产生的责任与义务；代理人、经办人承担连带责任。
					
					（七）根据《中华人民共和国反恐怖主义法》第二十一条之规定以及六部委《关于防范和打击电信网络诈骗犯罪的通告》等文件要求，甲方持同一有效身份证件在乙方处办理入网，若甲方已有或本次办理后将超过5张及以上在网的移动号卡（含上网卡），乙方将按照规定不得为甲方办理涉及新增移动号卡（含上网卡）的相应业务。
					
					第二条费用标准和费用交纳
					
					（一）乙方应在国家电信资费主管部门允许的范围内设定资费标准、向客户明码标价、公告交费期限信息；甲方应在乙方明示的期限内足额交纳各项通信费用。
					
					（二）甲方使用乙方提供的资费套餐方案，套餐有效期为一年（双方特殊约定的除外）。套餐到期后，双方如无异议，有效期逐年自动顺延。如无特殊约定，甲方在有效期内或到期后可更换套餐。
					
					（三）如遇国家统一调整通信费用标准，则按国家统一规定执行。如遇乙方发布、调整资费，自乙方公告确定的生效日起执行新的资费标准。在乙方公告确定的生效日前，甲方未提出异议的视为同意，协议继续履行；甲方提出异议且未能与乙方达成一致的，甲方向乙方结清全部未付款项后本协议自动终止。
					
					（四）若甲方为后付费用户，甲方应按时交纳通信费用。甲方未在约定期限内足额交纳通信费用的，乙方每日加收所欠费用的３‰作为违约金，并有权暂停甲方服务；甲方交清欠费和违约金后，除甲方明确提出不开通或已销号外，乙方应在24小时内恢复甲方服务。对前述情形，乙方将保留追缴欠费、违约金及向征信机构提供用户欠费信息的权利，也可用通知单、委托第三方等形式追缴欠费。
					
					（五）若甲方为预付费用户，则必须保证账户上有充足的款项。如甲方账户满足消费条件的余额不足，乙方有权限制或停止向甲方提供服务，且乙方可不再另行通知。
					
					（六）甲方定制第三方增值业务或其它收费业务，乙方可以代第三方向甲方收取信息费、功能费等，甲方使用第三方提供的增值业务或其它收费业务由第三方制定收费标准并公布。
					
					（七）甲方如需开通国际业务、港澳台业务，应按乙方规定交纳相应费用。
					
					（八）甲方不应以不知晓终端产生网络流量的原因（例如终端软件自动升级）为由，拒绝支付或要求减免相应费用。
					
					第三条客户权益
					
					（一）网络服务
					
					1、乙方在现有技术条件下的网络覆盖范围内向甲方提供通信服务。
					
					2、乙方提供的网络服务应符合国家规定的通信质量标准。
					
					（二）客户服务
					
					1、乙方在承诺的网络覆盖范围内按照不低于《电信服务规范》的标准向客户提供服务。
					
					2、乙方向甲方提供客户服务电话10099、网上营业厅www.10099.com.cn等渠道，以便甲方了解乙方各项服务。乙方还应向甲方免费提供通话所在地（仅限大陆地区，不含港澳台）火警119、匪警110、医疗急救120、交通事故报警122等公益性电信服务。
					
					3、乙方向甲方提供需要甲方支付月功能费的服务项目时，应征得甲方同意；乙方开通服务项目让甲方进行体验时，不收取体验服务项目月功能费。
					
					4、对于甲方通信服务开通/关闭申请，乙方应在承诺的时限内操作完成（双方另有约定的除外）。乙方超过时限未及时开通/关闭的，应减免甲方由此产生的通信费用。
					
					5、甲方个人信息是指以电子或者其他方式记录的能够单独或者与其他信息结合识别甲方身份或者反映甲方活动情况的各种信息。乙方严格按照《中华人民共和国网络安全法》等法律法规的相关要求，对其在提供服务过程中收集、使用的甲方个人信息履行保护义务。在甲方使用乙方提供的服务时，乙方依据法律法规、监管政策和本协议约定收集、存储、使用、披露和保护甲方的个人信息。
					
					6、甲方理解并同意，乙方可以通过业务受理系统登记、纸质返档，通过网络接收、读取并记录等方式，以提供服务为目的，在业务活动中收集、使用甲方提供的和甲方使用服务过程中形成的个人信息。甲方同意乙方可以为向甲方提供服务、改进和完善服务、提供个性化或定制化产品与服务、评估服务中的促销与推广活动效果、软件认证或升级等目的使用个人信息，乙方有权依法对包含甲方在内的整体用户数据进行分析并加以利用，以便于为甲方提供更好服务。
					
					7、甲方理解并同意乙方将收集的甲方个人信息共享给乙方关联公司在其业务目的和范围内使用；甲方亦同意乙方为履行、改善和改进乙方在本协议项下的服务之目的将收集的必要的甲方个人信息共享给乙方的授权合作伙伴。除前述明确约定情形外，未经甲方同意，乙方不向其他第三方提供甲方个人信息。
					
					8、甲方本人持有效证件可通过自有营业厅或乙方指定的其他渠道，对其个人信息进行查询、更正。
					
					9、乙方依法保证甲方的信息资料安全、通信自由和通信秘密。但以下情形不应视为乙方违反个人信息保护义务：（1）因追缴欠费需要，向第三方机构和征信机构提供用户个人相应信息及欠费信息的；（2）为向甲方提供更好的服务，通过短信、彩信、wappush、电话、电子邮件、信函、微博、微信等方式向甲方发送业务服务信息或进行互动沟通的；（3）司法、行政机关依法要求乙方提供协助与配合，乙方应给予协助与配合的；（4）出于国家安全、国防安全、公共安全、公共卫生和重大公共利益目的而未经授权的披露行为；（5）出于维护甲方或其他个人生命、财产等重大合法权益但又难以得到甲方同意的；（6）法律法规另有规定的。
					
					10、乙方非常重视用户的隐私和个人信息保护，并会尽全力保护用户的个人信息安全可靠。关于乙方如何收集、存储、使用、披露和保护您的个人信息，请见乙方不时更新、修订并公布的《中国联通用户隐私政策》，网址为www.10099.com.cn。
					
					第四条风险与责任
					
					（一）甲方应保证入网、变更登记资料真实有效、准确完整，并有义务配合乙方对登记资料进行查验。甲方登记资料如有变更，应主动办理变更手续。因甲方提供的客户资料不详、不实或变更后未及时通知乙方等原因，使乙方无法向甲方提供服务或甲方无法享受到乙方提供的相关服务，乙方无需向甲方承担任何责任。如乙方发现因甲方登记资料失实或者甲方未配合及时更正，乙方有权暂停、终止甲方服务，且乙方无需向甲方承担任何责任。
					
					（二）甲方应妥善保管自己的用户号码、通信卡、终端、宽带账号，若发现丢失或被盗用，可及时拨打客户服务电话或到乙方营业网点办理暂时停机或修改账号密码手续；并可向公安机关报案，乙方应配合公安机关调查，但乙方不承担上述情形对甲方所造成的后果；如甲方将名下号码交予他人使用，因此引起的义务与责任仍由甲方承担。
					
					（三）甲方应妥善管理其服务密码。服务密码是甲方办理业务的重要凭证，甲方入网后应立即修改初始服务密码。凡使用服务密码定制、变更或终止业务的行为均被视为甲方或甲方授权的行为，因此引起的义务与责任均由甲方承担。
					
					（四）乙方按照现有技术标准为甲方提供通信服务，但乙方无法控制第三方利用各种手段从事违法行为等情况的发生，如因第三方的恶意行为造成甲方的损失，乙方对此将不承担相关责任。
					
					（五）甲方使用固网及宽带业务时，未经有关部门批准许可，不得自行更改其使用性质，不得开设各类服务站点，不得利用计算机互联网络进行任何经营性服务活动，否则乙方有权停止服务，依法追缴各项费用和违约金，并不承担任何责任。
					
					（六）若非双方另行约定，乙方提供的宽带接入线路最多限定X个终端上网使用，未经乙方书面同意，甲方不得私自组网连接其他终端设备。
					
					（七）甲方退网时，甲方租赁或乙方免费提供给甲方使用的终端设备，应归还乙方或按照甲乙双方相关约定处理。
					
					（八）甲方在欠费情况下，乙方有权拒绝为甲方开办其他业务（含移网、固网、宽带等所有业务），直至甲方补交全部欠费及违约金。
					
					（九）乙方在受理业务（服务）后，将进行线路资源核查，对于不具备开通条件的，在乙方告知甲方后，本协议自动终止，乙方退还甲方已交纳费用，但不承担其他责任。
					
					（十）在固定电话开通并正常使用前（含新装、移机、改号等），甲方不能将已选中号码通知他人或进行宣传，否则由此所造成的后果及损失，由甲方自行承担。
					
					（十一）甲方所办理的数据业务下行速率标称值仅为乙方提供的数据业务下行速率最高值，乙方不能保证在任何情况下均能达到标称值，甲方对此表示知悉并认可。
					
					（十二）按照公平使用原则，乙方将对甲方的移动数据流量进行降速或封顶限制。甲方每月的移动数据流量达到降速条件时，乙方可对甲方当月的上网服务降速，次月自动恢复；甲方每月的移动数据流量达到或超出流量封顶额度时，乙方可暂停甲方当月的上网服务，次月自动恢复。
					
					（十三）甲方未付的通信费用达到信用额度时（信用额度是指用户可以用于透支消费的最高通信费用额度），应及时补充交纳通信费用；当甲方未付的通信费用超过信用额度时，乙方有权暂停甲方网络服务（超过信用额度停机不受约定交费期限的限制）。
					
					（十四）甲方发送违法、违反公序良俗内容的信息，或未经接收客户同意大量发送商业广告等其他骚扰信息、拨打骚扰电话等不当行为，以及利用乙方提供的服务从事违法犯罪活动的，乙方有权依据行业主管部门、有关行政、司法机关的指令、客户等第三方举报或投诉，以及乙方制定的为保障公众利益的规范，关闭甲方信息发送功能，或暂停直至服务，由此造成的后果由甲方承担。
					
					（十五）因甲方原因造成的通信卡密码丢失、锁卡或被他人获取造成的损失，乙方不承担责任，甲方不能以此为由拒绝按本协议约定支付通信费用。
					
					（十六）为了更好地为甲方提供与本套餐相关的服务，甲方同意由乙方将甲方的电话号码等信息提供给乙方合作的第三方。
					
					第五条违约责任
					
					（一）一方违约给对方造成损失的，应当依法承担赔偿责任，但违约方应承担的赔偿损失的责任范围不包括守约方未实现的预期利润或利益、商业信誉的损失、丢失的数据本身及因数据丢失引起的损失、守约方对第三方的责任及其他间接损失。
					
					（二）因不可抗力导致本协议部分或全部不能履行的，双方可部分或全部免除责任。
					
					第六条协议的变更与解除
					
					（一）乙方在本协议外以公告、使用手册、资费单页等书面形式公开做出的服务承诺，甲方办理各类业务所签署的表单、业务协议、须知等均自动成为本协议的补充协议；与本协议冲突部分以补充协议为准，补充协议中未约定部分以本协议为准。
					
					（二）甲方要求终止服务（双方另有约定的除外）申请办理拆机或销户的，如甲方预存费用不足，则应按照乙方要求预存一定数额的通信费，次月按照乙方业务规定和双方约定结清相关费用。
					
					（三）有下列情形之一的，乙方有权单方解除协议，收回号码或账号并终止服务，并保留追究甲方违约责任的权利：
					
					1、甲方提供的有效证件（包括代理人/经办人提供的有效身份证件）虚假、不实；
					
					2、甲方自行安装未取得入网许可或可能影响网络安全或网络服务质量设备的；
					
					3、甲方以担保等方式取得号码使用权的，如担保人违反保证条款或有确切证据证明担保人无能力履行保证责任的；
					
					4、甲方未办理相关手续，自行改变电信业务使用性质或私自转让租用权的；
					
					5、甲方欠费停机后3个月仍未交清通信费用和违约金的;
					
					6、业务（服务）超过约定有效期的；
					
					7、该号码被国家司法机关认定用于违法犯罪活动或其它不当用途的；
					
					8、乙方收到国家行政管理部门通知要求停止甲方服务的；
					
					9、产品在约定期限内未开通、激活的；
					
					10、违规外呼、呼叫频次异常的；
					
					11、法律法规规定的其他情形。
					
					（四）因技术进步或国家政策等原因导致本协议（部分或全部）无法继续履行的，乙方保留对电信业务（服务）做出调整的权利，调整前乙方应按照有关规定发布公告并提出相应解决方案。甲方可就解决方案与乙方协商，但不得要求乙方继续履行本协议。
					
					第七条协议争议
					
					有关协议争议，双方可沟通协商解决；协商不成的，甲方可向当地通信管理局或消费者协会申请进行调解；任何一方均可向乙方住所地的人民法院起诉。
					
					第八条协议生效
					
					
					在本协议签约页面点击确认签署本协议前，请确保您已充分阅读并完全同意本协议内容，一旦您点击确认签署本协议，即表明您已充分阅读并完全同意本协议内容，本协议即在您与乙方（中国联合网络通信有限公司____________分公司）之间产生法律效力。如果您不同意本协议的任意内容，或者无法准确理解乙方（中国联合网络通信有限公司____________分公司）对条款的解释，请不要进行后续操作。本协议一式两份，甲乙双方各执一份，有效期一年。协议到期后，双方如无异议，有效期以一年为周期自动顺延。
					中国联通客户腾讯王卡移网业务优惠活动业务协议
					
					甲方：____________
					
					乙方：中国联合网络通信有限公司____________分公司
					
					本协议作为《中国联通客户入网服务协议》的补充协议，甲乙双方在平等自愿、公平诚信的基础上，基于对乙方腾讯王卡移网通信服务的了解和需求，达成协议如下：
					
					第一条甲方所选择的腾讯王卡移网业务套餐及相关资费、移网业务优惠活动及协议期限等内容详见腾讯王卡电子业务受理单和腾讯王卡的“王卡助手”官方微信公众号。
					
					第二条甲方自愿参加乙方的腾讯王卡（卡内套餐包含大王卡、地王卡、天王卡和小王卡）移网业务优惠活动。腾讯王卡移网业务优惠活动是指乙方通过“提供专属优惠权益、存费送费、赠送业务或礼品”等方式向甲方提供各类优惠通信产品。专属优惠权益包括阶段性免费体验、存费送费、存费送业务、乙方与第三方合作活动、特定条件下专属流量免费、靓号免预存款等。只有甲方在协议期内（协议期详见腾讯王卡电子业务受理单）连续在网使用乙方通信服务的情况下，甲方方可享受乙方提供的各项优惠政策、免费体验活动及优惠权益赠送。甲方参加乙方与第三方合作活动、特定条件下赠送流量等专属优惠权益活动等，需遵守乙方与第三方有关活动规则。腾讯王卡有上网流量“40GB封顶限制”，甲方每月套餐内、外上网流量累计使用到达40GB时，乙方将自动关闭上网功能，次月自动打开。如已“解除流量封顶”业务，当月超过40G的所有流量（包括免费专属流量）均按照超出套餐流量计费（流量日租宝）。
					
					第三条使用条件
					
					（一）乙方提供的阶段性免费体验，以新入网首月赠款等方式实现。新入网赠款可抵扣首月月费，免费体验套餐内包含的内容，超出套餐内容按实际业务收费（不含国际业务、港澳台业务和第三方合作SP业务所产生的费用）。因本产品为阶段性体验产品，新入网当月及次月内不能使用话费订购或点播SP业务，新入网第三个月1日起，可以订购和点播SP业务。新入网首月内不能办理停机保号业务、不能办理更换为非腾讯王卡卡内套餐的套餐变更，新入网次月1日起，可以办理停机保号、更换为非腾讯王卡卡内套餐的套餐变更。
					
					（二）本协议中甲方预存款可延期消费。乙方赠送的话费用于抵扣甲方消费的通信费用（不含国际业务、港澳台业务和第三方合作SP业务所产生的费用），可延期消费，不可退还。
					
					（三）如甲方因新入网首次充值获得乙方赠送的话费，实际话费将先按首次充值的话费与首次充值赠送的话费进行1:1扣费。赠送的话费不含国际业务、港澳台业务和第三方合作SP业务所产生的费用。腾讯王卡新入网首次充值因获得了赠费或权益，首次预存款、首月赠送的话费均不可退还。
					
					（四）甲方须按时缴清当月的通信费。
					
					（五）甲方需按照乙方提供的使用说明对专属号卡进行激活、绑定和使用，如未按使用说明操作造成甲方无法享受特定条件下专属流量免费活动，责任由甲方承担。
					
					（六）甲方参加乙方的特定条件下专属流量免费活动时，需保证通信服务处于正常使用的状态。如因逾期欠费停机等原因造成甲方通讯服务中断期间，无法参与特定条件下专属流量免费活动；甲方如申请办理停机保号业务，乙方停止专属赠送流量活动，收取停机保号费，不再收取套餐月费。甲方当月办理恢复开机业务后，乙方当月恢复提供的特定条件下专属流量免费活动；如甲方在次月或次月之后办理恢复开机业务，仅从甲方办理恢复开机业务所在月起开始恢复特定条件下专属流量免费活动权益。甲方停机保号期间的专属赠送流量活动不再追补。
					
					（七）甲方若没有使用靓号，在有套餐变更为非腾讯王卡卡内套餐（含携号转网）的需求时，则视为甲方放弃本协议中约定的套餐的专属优惠权益。甲方如使用靓号，在靓号协议期内不允许办理停机保号、不降低月承诺通信费。若靓号月承诺通信费与套餐有差异，以“就高”原则处理。如甲方办理靓号过户，新客户需重新签订靓号入网协议。
					
					（八）如甲方互转腾讯王卡卡内套餐（卡内套餐包含大王卡、地王卡、天王卡），将不享受转后的套餐的入网首月免月费、入网赠送国内通话分钟数、入网充值赠费的优惠服务。具体套餐变更限制，以“王卡助手”官方微信公众号公布为准。
					
					（九）腾讯应用专属流量免费范围以“王卡助手”官方微信公众号公布为准。
					
					第四条违约责任及承担
					
					（一）甲方违约责任
					
					1、甲方在协议期内发生欠费行为，则甲方构成违约。
					
					2、对于因逾期欠费导致停机满3个月的，乙方有权对甲方用户号码进行销户。
					
					3、甲乙双方一致确认，甲方出现本协议所述的违约情形时，甲方应向乙方支付违约金以补偿乙方的损失，乙方保留对甲方追缴欠费和违约金的权利。违约金包括但不限于：因用户欠费发生的逾期付款违约金，以及乙方在本协议中所给予甲方的优惠等。
					
					（二）乙方违约责任
					
					乙方构成违约的，应按《中华人民共和国电信条例》及其他有关规定，承担违约责任。
					
					第五条协议生效
					
					本协议自业务受理之日起生效，有效期一年。本协议到期时，如甲乙双方均未提出对套餐资费的修改要求，将继续执行本协议约定的套餐资费。
					关于客户个人信息收集、使用规则的公告
					尊敬的客户：
					根据《中华人民共和国反恐怖主义法》、《全国人民代表大会常务委员会关于加强网络信息保护的决定》、《电信和互联网用户个人信息保护规定》（工业和信息化部令第24号）和《电话用户真实身份信息登记规定》（工业和信息化部令第25号）等国家法律法规的要求，客户在中国联合网络通信有限公司各类营业网点（含自有营业厅、手机营业厅、网上营业厅、授权合作代理商等）办理固定电话、移动电话（含无线上网卡）入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效证件原件并进行查验、登记，登记信息包括姓名、证件类型、号码及地址等。同时，为更好地提供服务，需要客户提供如联系人、联系电话、通信地址、电子邮箱等信息。客户本人持有效证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。
					如客户拒绝依法提供个人有效证件及真实信息，我公司有权不提供服务或终止服务。
					为向客户提供优质、个性化的服务，包括但不限于提供通信服务、保障通信服务安全、改善服务质量、推介个性化产品等，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，非因下列事由，不对外泄露客户个人信息：
					
					a)事先获得客户的明确授权；
					
					b)根据有关的法律法规要求；
					
					c)按照相关司法机关和/或政府主管部门的要求；
					
					d)为维护社会公众的利益所必需且适当；
					
					e)为维护我公司或客户的合法权益所必需且适当。
					
					（甲方承诺：本人已经充分、完整阅读并理解本协议所述全部条款及条件。如申请或使用乙方提供的业务，即视为您已阅读并同意受本协议的约束。）
					
					甲方：____________
					
					乙方：中国广播电视网络集团有限公司____________公司
					
					甲方用户号码：____________
					
					签署日期：    年  月  日                签署日期：    年  月  日

				</view>
			</u-popup>
			<u-popup :show="show4" mode="bottom"  @close="close" @open="open4" round="10">
				<view style="height: 70vh;padding: 30rpx;overflow-y: auto;font-size: 22rpx;">
					                     关于客户个人信息收集、使用规则的公告
					尊敬的客户：
					《全国人民代表大会常务委员会关于加强网络信息保护的决定》、《电信和互联网用户个人信息保护规定》（工业和信息化部令第24号）和《电话用户真实身份信息登记规定》（工业和信息化部令第25号）等国家法律法规的要求，客户在中国电信股份有限公司各类营业网点（含自有营业厅、手机营业厅、网上营业厅、授权合作代理商等）办理固定电话、移动电话（含无线上网卡）入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效证件原件并进行查验、登记，登记信息包括姓名、证件类型、号码及地址等。
					
					同时，为更好地提供服务，需要客户提供如联系人、联系电话、通信地址、电子邮箱等信息。客户本人持有效证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。如客户拒绝依法提供个人有效证件及真实信息，我公司有权不提供服务或终止服务。为向客户提供优质、个性化的服务，包括但不限于提供通信服务、保障通信服务安全、改善服务质量、推介个性化产品等，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，非因下列事由，不对外泄露客户个人信息：
					(a)事先获得客户的明确授权；
					(b)根据有关的法律法规要求；
					(c)按照相关司法机关和/或政府主管部门的要求；
					(d)为维护社会公众的利益所必需且适当；
					(e)为维护我公司或客户的合法权益所必需且适当。
				</view>
			</u-popup>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageInfo:{}, //自定义页面信息
				show:false,
				show2:false,
				show3:false,
				show4:false,
				total:0,//号池总条数
				// 号池参数
				params:{
					page:1,
					current:10
				},
				lastPage:true,//无上一页样式
				nextPage:false,//无下一页样式
				searBtnList:[
					{
						title:'推荐',
						value:'recommend'
					},
					{
						title:'爱情号',
						value:'love'
					},
					{
						title:'尾号8',
						value:'end_with_8'
					},
					{
						title:'不带4',
						value:'user_preferred'
					}
				],
				// 号池
				list:[],
				tabactive:0,
				phoneactive:9999999999999,
				addressShow:false,//地区选择器显示隐藏
				address:'',//地址
				addressData: [],
				indexs: [0, 0, 0],
                areaId: [1, 110000, 110101],
				type: 2, //1-省，2-省市，3-省市区
				address2Show:false,
				addressData2: [],
				indexs2: [0, 0, 0],
				areaId2: [1, 110000, 110101],
				type2: 3, //1-省，2-省市，3-省市区
				address2:'',
				// 屏幕滚动
				autoplay:true,
                interval:2000,
                duration:500,
				fileList6:[],
				// 评论咧白哦
                list2:[
                    {
						name:'l***y',
						title:'办卡方便，网上几步就搞定，快递直达！'
					},
					{
						name:'将***非',
						title:'刷剧不担心流量超标了，太方便了!'
					},
					{
						name:'不***白',
						title:'网速挺快，打游戏再也没有460[笑cry]'
					},
					{
						name:'西***雪',
						title:'感觉上网快了很多，尤其是看高清视频，一点都不卡！'
					},
					{
						name:'盛***年',
						title:'看直播、刷视频完全不卡顿，体验感超好。'
					},
					{
						name:'去***海',
						title:'我嘞个去，再也不用买叠加包了，爽！'
					},
					{
						name:'梦***其',
						title:'办卡方便，网上几步就搞定，快递直达！是***呀'
					},
					{
						name:'非***卡',
						title:'	'
					},
                ],
				// form表单
				model1: {
					userInfo: {
						name: '',
						area: '',
						address:'',
						phone:'',
						selfphone:'',
						code:'',
						idcard_back:'',
						idcard_front:''
					},
				},
				// form表单验证
				rules: {
					'userInfo.name': {
						type: 'string',
						required: true,
						message: '请填写姓名',
						trigger: ['blur', 'change']
					},
					'userInfo.code': {
						type: 'string',
						required: true,
						len: 6,
						message: '请填写验证码',
						trigger: ['blur']
					},
					'userInfo.area': {
						type: 'string',
						required: true,
						message: '请选择地址',
						trigger: ['blur', 'change']
					},
					'userInfo.address': {
						type: 'string',
						required: true,
						message: '请填写地址',
						trigger: ['blur', 'change']
					},
					'userInfo.phone': {
						type: 'string',
						required: true,
						message: '请填写本人手机号',
						trigger: ['blur', 'change']
					},
					'userInfo.selfphone': {
						type: 'string',
						required: true,
						message: '请填写身份证号',
						trigger: ['blur', 'change']
					},
				},
				checkboxList1: [{
					name: '',
				}],
				checkboxValue1: [],//我已经阅读勾选
				errorMsg:'',
				// 通知栏信息
				list1:[{
						title:'张**已领取了靓号198****2688'
					},
					{
						title:'王**已领取了靓号198****5842'
					},
					{
						title:'周**已领取了靓号198****6354'
					},
					{
						title:'周**已领取了靓号198****4258'
					},
					{
						title:'周**已领取了靓号198****1658'
					},
				],
				latitude:'',//当前经度
				longitude:'',//当前纬度
				toView:'',//根据模块id滚动
				selectPhone:'', //选择的电话号码					
				showOrder:true,//是否显示订单查询
				// 验证码
				tips: '验证码',
				// refCode: null,
				seconds: 60,
				options:{},//传递信息
				searchType:'recommend',//搜索
				userPreferredNumber:'',
				fileListFront:[],
				port:'80'
			}
		},
		onReady() {
			//onReady 为uni-app支持的生命周期之一
		    this.$refs.uForm.setRules(this.rules)
		},
		onShow() {
			if(this.addressData.length > 0){
				this.getPhoneList()
			}
		},
		onLoad(options) {
			this.port = window.location.port;
			this.options = options
			// 获取套餐信息
			uni.request({
				url:'https://5g.ghywkj.com.cn/api/package/info/' + options.id,
				method: 'GET',
				success: res => {
					if(res.data.code && res.data.code == 10005){
						uni.showModal({
							title: '当前套餐已下架',
							success(res) {
								uni.redirectTo({
									url:'/pages/undercarriage/undercarriage'
								})
							}
						})
					}else{
						this.pageInfo = res.data
						this.list2 = this.pageInfo.comment ? JSON.parse(this.pageInfo.comment) : [];
						this.list1 = this.pageInfo.info ? JSON.parse(this.pageInfo.info).map(i => ({
						    title: i.name + i.title
						})) : [];
					}
					
				}
			})
			// 获取当前位置
			uni.getLocation({
			    success:(res) => {
					this.latitude = res.latitude 
					this.longitude = res.longitude 
					uni.request({
						url: 'https://restapi.amap.com/v3/geocode/regeo', //逆地理编码接口地址。
						data: {
							key: '1c6702fa3875ee9c1b5d56b1c722437d',
							//location：经纬度  lng ：经度  lat：纬度  
							location: this.longitude + ',' + this.latitude,
							radius: 1000,
							extensions: 'all',
							batch: false,
							roadlevel: 0
						},
						success: (rs) => {
							//详细地址信息
							const { province, city, district } = rs.data.regeocode.addressComponent;
							
							const hasCity = city.length !== 0;
							this.addressData = [province, city, district];
							this.addressData2 = hasCity ? [province, city, district] : [province, province, district];
							this.address = hasCity ? `${province}-${city}` : `${province}-${province}`;
							this.model1.userInfo.area = `${province}-${hasCity ? city : province}-${district}`;
							
							this.getPhoneList();
						}
					});
			    },
			    fail: (err) => {
			        console.error(err);
			    }
			});
		},
		onPageScroll(res){
			if(res.scrollTop > 500){
				this.showOrder = false
			}else{
				this.showOrder = true
			}
		},
		watch:{
			'params.page' : function(newValue, oldValue){
				if(newValue > 1){
					this.lastPage = false
				}else{
					this.lastPage = true
				}
			}
		},
		methods: {
			// 协议
			open() {
			  this.show = true
			},
			open2() {
			  	this.show2 = true
			},
			open3() {
			   	this.show3 = true
			},
			open4() {
				this.show4 = true
			},
			close() {
				this.show = false
				this.show2 = false
				this.show3 = false
				this.show4 = false
			},
			// 获取号池列表
			getPhoneList(){
				uni.request({
					url:'https://5g.ghywkj.com.cn/api/appGetPhone',
					method: 'POST',
					data:{
						province:this.addressData[0],
						city:this.addressData[1],
						search_num:this.userPreferredNumber,
						package_id:this.options.id
					},
					success: res => {
						console.log(res)
						if(res.data.phoneList){
							this.list = res.data.phoneList
							this.total = 0
							this.list.forEach(i => {
								this.total += i.length
							})
							this.nextPage = this.list.length === 0 || (this.params.page - 1) * this.params.current + this.list[this.params.page - 1].length >= this.total;
							uni.hideLoading()
						}else{
							uni.hideLoading()
							uni.showToast({
								title:res.data.msg,
								icon:'none'
							})
						}
						
						
					}
				})
			},
			// 上一页
			lastPageComputed(){
				if (this.params.page > 1) {
				  // 存在上一页，执行相应的逻辑，比如加载上一页数据
				  this.params.page --;
				  this.nextPage = this.list.length === 0 || (this.params.page - 1) * this.params.current + this.list[this.params.page - 1].length >= this.total;
				} else {
				  // 已经是第一页，无法再有上一页
				  uni.showToast({ 
					title: '已经是第一页',
					icon: 'none'
				  });
				}
			},
			// 下一页
			nextPageComputed(){
				if(this.list.length > 0 && (this.params.page - 1) * this.params.current + this.list[this.params.page - 1].length < this.total){
					this.params.page ++;
						if((this.params.page - 1) * this.params.current + this.list[this.params.page - 1].length < this.total){
							this.nextPage = false
						}else{
							this.nextPage = true
						}
				}else{
					
					uni.showToast({
						title: '已经是最后一页',
						icon: 'none'
					});
				}
			},
			// 点击换号
			changephone(){
				this.toView = 'section1'
				// 620
				 this.$nextTick(() => {
				      uni.pageScrollTo({
				        // scrollTop: 0, // 可选参数，设置为0表示滚动到页面顶部
				        selector: '#section1',
				        duration: 300 // 滚动动画时长，默认300ms
				      });
				    });
			},
			// 数组格式转化
			splitArrayIntoGroups(arr, groupSize) {
			    const result = [];
			    for (let i = 0; i < arr.length; i += groupSize) {
			        result.push(arr.slice(i, i + groupSize));
			    }
			    return result;
			},
			// 点击搜索
			searClick(){
				if(this.addressData.length > 0){
					if(this.userPreferredNumber.length >= 3){
						uni.showLoading()
						this.getPhoneList()
					}else{
						uni.showToast({
							title:'请至少输入三位数字',
							icon:'none'
						})
					}
					
					// uni.request({
					// 	url:'https://5g.ghywkj.com.cn/api/appGetPhone',
					// 	method: 'POST',
					// 	data:{
					// 		province:this.addressData[0],
					// 		city:this.addressData[1],
					// 		package_id:this.options.id
					// 	},
					// 	success: res => {
					// 		if(this.userPreferredNumber != ''){
					// 			const lists = []
					// 			res.data.phoneList.map(group => {
					// 				 group.map(item => {
					// 					 if(item.phoneNum.includes(this.userPreferredNumber))
					// 					 lists.push(item)
					// 				 });
					// 			})
					// 			this.list = this.splitArrayIntoGroups(lists,10)
					// 			this.total = 0
					// 			this.list.forEach(i => {
					// 				this.total += i.length
					// 			})
					// 			this.params.page = 1
					// 			this.nextPage = this.list.length === 0 || (this.params.page - 1) * this.params.current + this.list[this.params.page - 1].length >= this.total;
					// 			uni.hideLoading()
					// 		}else{
					// 			this.list = res.data.phoneList
					// 			this.total = 0
					// 			this.list.forEach(i => {
					// 				this.total += i.length
					// 			})
					// 			this.nextPage = this.list.length === 0 || (this.params.page - 1) * this.params.current + this.list[this.params.page - 1].length >= this.total;
					// 			uni.hideLoading()
					// 		}
					// 	}
					// })
				}else{
					this.userPreferredNumber = ''
					uni.showToast({
						title:'请先选择归属地',
						icon:'none'
					})
				}
			},
			// 选择搜索项（关闭）
			searBtnClick(ind,val){
				this.tabactive = ind
				this.searchType = val
				this.getPhoneList()
			},
			// 切换我已阅读
			checkboxChange(n) {
				this.checkboxValue1 = n;
			},
			// 选号
			selectphone(ind,val){
				this.phoneactive = val.phoneNum
				this.selectPhone = val.phoneNum
				this.$nextTick(() => {
				    uni.pageScrollTo({
				       // scrollTop: 0, // 可选参数，设置为0表示滚动到页面顶部
				       selector: '#section2',
				       duration: 300 // 滚动动画时长，默认300ms
				    });
				});
			},
			// 选择归属地（弹出选择框）
			selectarea(){
				this.addressShow = true
			},
			// 选择归属地
			confirmAddress(val) {
				this.addressData = val.value
                this.address = val.value.join('-')
                this.addressShow = false
				this.getPhoneList()
            },
			// 选择收货地址
			confirmAddress2(val){
				this.address2 = val.value.join('-')
				this.model1.userInfo.area = val.value.join('-')
				this.address2Show = false
			},
			// 订单查询
			orderQuery(){
				uni.navigateTo({
					url:'/pages/orderQuery/orderQuery'
				})
			},
			// 验证码（未启用）
			codeChange(text) {
				this.tips = text;
			},
			// 获取验证码（未启用）
			getCode() {
				if(this.$refs.uCode.canGetCode) {
					// 模拟向后端请求验证码
					uni.showLoading({
						title: '正在获取验证码'
					})
					setTimeout(() => {
						uni.hideLoading();
						// 这里此提示会被this.start()方法中的提示覆盖
						uni.$u.toast('验证码已发送');
						// 通知验证码组件内部开始倒计时
						this.$refs.uCode.start();
					}, 2000);
				} else {
					uni.$u.toast('倒计时结束后再发送');
				}
			},
			// 验证码（未启用）
			end() {
				uni.$u.toast('倒计时结束');
			},
			// 验证码（未启用）
			start() {
				uni.$u.toast('验证码已发送');
			},
			// 删除图片（未启用）
			deletePic(event) {
				this[`fileList${event.name}`].splice(event.index, 1)
			},
			// 身份证正面（未启用）
			async afterReadFront(e){
				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file)
				let fileListLen = this[`fileList${event.name}`].length
				lists.map((item) => {
					this[`fileList${event.name}`].push({
						...item,
						status: 'uploading',
						message: '上传中'
					})
				})
				for (let i = 0; i < lists.length; i++) {
					const result = await this.uploadFilePromise(lists[i].url)
					let item = this[`fileList${event.name}`][fileListLen]
					this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
						status: 'success',
						message: '',
						url: result
					}))
					fileListLen++
				}
			},
			// 上传身份证（未启用）
			uploadFilePromise(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: 'http://www.example.com/upload', // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						formData: {
							user: 'test'
						},
						success: (res) => {
							setTimeout(() => {
								resolve(res.data.data)
							}, 1000)
						}
					});
				})
			},
			// 下单
			placeOrder(){
				this.$refs.uForm.validate().then(res => {
					if(this.checkboxValue1.length != 0 && this.selectPhone != ''){
						uni.showLoading()
						// 下单数据
						uni.request({
							url: 'https://5g.ghywkj.com.cn/api/appSendOrder',
							method: 'POST',
							data: {
								package_id:this.options.id,
								creator_id:this.options.creator_id,
								phonenum:this.selectPhone,
								contact:this.model1.userInfo.name,
								mobile:this.model1.userInfo.phone,
								iden_card_name:this.model1.userInfo.name,
								iden_card_id:this.model1.userInfo.selfphone,
								express_address:this.model1.userInfo.area + this.model1.userInfo.address
							},
							success: res => {
								uni.hideLoading()
								if(res.data.code == 0){
									uni.showToast({
										title:res.data.msg,
										icon:'none'
									})
								}else{
									uni.showToast({
										title:'订单提交成功',
										icon:'success'
									})
									uni.redirectTo({
										url:'/pages/success/success'
									})
								}
							}
						})
					}else{
						if(this.checkboxValue1.length == 0){
							uni.showToast({
								title:'请阅读并勾选表单下方协议',
								icon:'none'
							})
						}else if(this.selectPhone == ''){
							uni.showToast({
								title:'请先选择手机号',
								icon:'none'
							})
						}
						
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@media screen and (max-width : 750px) {
		.allPage{
			width: 100vw;
			.page1{
				width: 100vw;
				image{
					width: 100vw;
					height: auto;
				}
			}								
			.page2{
				width: 100vw;
				height: 80rpx;
				padding-top: 20rpx;
			}
			.page3{
				width: 100vw;
				.page3_top{
					width: 90vw;
					min-height: 230rpx;
					// min-height: 115rpx;
					margin: 0 auto;
					background: #fff;
					border-radius: 20rpx;
					padding-top: 30rpx;
					.page3_top_select{
						margin: 0 auto;
						width: 90%;
						min-height: 78rpx;
						border: 2px solid #ffcf64;
						border-radius: 15rpx;
						margin-bottom: 30rpx;
						display: flex;
						color: #000;
						font-size: 28rpx;
						.page3_top_select_title{
							padding-top: 20rpx;
							padding-left: 10rpx;
							width: 35%;
							height: 100%;
						}
						.page3_top_select_area{
							padding-top: 20rpx;
							padding-left: 10rpx;
							padding-bottom: 10rpx;
							width: 55%;
							height: 100%;
						}
						.page3_top_select_icon{
							width: 10%;
							height: 100%;
							padding-top: 18rpx;
						}
					}
					.page3_top_search{
						margin: 0 auto;
						width: 90%;										
						height: 80rpx;
						display: flex;
						.uni-input{
							width: 70%;
							padding: 0 10rpx;
							height: 76rpx;
							color: #000;
							font-size: 26rpx;
							border: 2px solid #ffcf64;
							border-radius: 15rpx;
						}
						.search{
							width: 28%;
							height: 80rpx;
							background: #efad51;
							text-align: center;
							line-height: 80rpx;
							font-size: 28rpx;
							border-radius: 10rpx;
							color: #000;
						}
					}
					.page3_top_btn{
						margin: 0 auto;
						width: 90%;										
						height: 80rpx;
						margin-top: 30rpx;
						padding-bottom: 20rpx;
						display: flex;
						justify-content: space-between;
						.search_tab{
							width: 22%;
							height: 70rpx;
							background-color: #efad51;
							text-align: center;
							line-height: 70rpx;
							border-radius: 40rpx;
							font-size: 28rpx;
							color: #000;
							
						}
					}
				}
				.page3_bottom{
					width: 90vw;
					margin: 30rpx auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					.page3_bottom_item{
						width: 47%;
						height: 100rpx;
						background: #fff;
						color: #000;
						// padding-top: 20rpx;
						line-height: 100rpx;
						margin-top: 15rpx;
						text-align: center;
						font-weight: 550;
						border: 1px solid #efad51;
						border-radius: 30rpx;
					}
					.page3_bottom_page{
						width: 90vw;
						margin: 20rpx auto;
						display: flex;
						justify-content: space-evenly;
						.page3_bottom_page_btn{
							width: 35%;
							height: 80rpx;
							text-align: center;
							line-height: 80rpx;
							background-color: #efad51;
							color: #fff !important;
							border-radius: 15rpx;
							font-size: 34rpx;
						}
					}
				}
			}
			.page4{
				width: 100vw;
				margin-top: -30rpx;
				padding-top: 60rpx;
				padding-bottom: 30rpx;
				.page4_title1{
					width: 90%;
					margin: 0 auto;
					display: flex;
					justify-content: space-between;
					font-weight: 550;
					color: #fff;
				}
				.page4_title2{
					width: 90%;
					margin: 0 auto;
					font-size: 24rpx;
					text-align: center;
					color: #fff;
					line-height: 35rpx;
					margin-top: 30rpx;
				}
				.page4_form{
					width: 90%;
					// min-height: 900rpx;
					margin: 20rpx auto;
					background: #fff;
					border-radius: 20rpx;
					padding-top: 30rpx;
					padding-bottom: 5rpx;
					.page4_form_view{
						width: 85%;
						margin: 0 auto;
						/deep/.u-form-item__body{
							margin-bottom: 20rpx;
						}
						/deep/.u-form-item__body__left{
							width: 60px !important;
							font-weight: 550;
						}
						/deep/.u-form-item__body__left__content__label{
							font-size: 28rpx !important;
						}
						/deep/.u-input__content__field-wrapper__field{
							font-size: 28rpx !important;
						}
					}
					.page4_form_btn{
						width: 80%;
						height: 100rpx;
						text-align: center;
						line-height: 100rpx;
						background: linear-gradient(to bottom, #d70009, #8e0006);
						border-radius: 50rpx;
						margin: 20rpx auto;
						color: #ffdea5;
						font-weight: 600;
						font-size: 36rpx;
					}
					.page4_form_agreement{
						width: 85%;
						margin: 30rpx auto;
						display: flex;
						/deep/.u-checkbox uni-text{
							font-size: 26rpx !important;
						}
						/deep/.u-checkbox__icon-wrap {
							border-color: #000 !important;
						}
						/deep/.u-checkbox__icon-wrap--square{
							border-radius: 50%;
						}
						.page4_form_agreement_ag{
							font-size: 22rpx;
							span{
								text-decoration:underline;
								color: #0055ff;
							}
						}
					}
				}
			}
			.page5{
				width: 100vw;
				height: 450rpx;
				color: #000;
				.scroll_box{
					background: #FFFFFF;
					height: 400rpx;
					width: 86% !important;
					margin: 0 auto 0;
					border-radius: 10rpx;
					padding: 20rpx 15rpx;
					.scroll_box_top{
						font-size: 32rpx;
						font-weight: 550;
					}
					.swiper{
						height: 160px;
						font-size: 26rpx;
						margin-top: 40rpx;
						.swiper-item{
							font-size: 24rpx;
							white-space:nowrap;
							overflow: hidden;
							background: linear-gradient(to right, #e1e1e1, #fdfdfd);
							height: 65rpx;
							border-radius: 30rpx;
							line-height: 65rpx;
							padding-left: 20rpx;
						}
					}
				}
			}
			.page6{
				width: 100vw;
				p{
					text-align: center;
				}
				
				img{
					max-width: 100vw;
					height: auto; /* 高度自动调整，保持比例 */
					display: block; /* 确保图片在其容器中居中显示 */
					 margin: 0 auto; /* 可选：居中显示图片 */
				}
			}
			.page7{
				width: 100vw;
				background-size: 100% 100%;
				image{
					width: 100%;
				}
			}
		}
	}
	@media screen and (min-width : 750px) {
		.allPage{
			width: 370px;
			margin: 0 auto;
			.page1{
				width: 370px;
				image{
					width: 370px;
					height: auto;
				}
			}
			.page2{
				width: 370px;
				height: 80rpx;
				padding-top: 20rpx;
				
			}
			.page3{
				width: 370px;
				.page3_top{
					width: 90%;
					min-height: 230rpx;
					// min-height: 115rpx;
					margin: 0 auto;
					background: #fff;
					border-radius: 20rpx;
					padding-top: 30rpx;
					.page3_top_select{
						margin: 0 auto;
						width: 90%;
						min-height: 78rpx;
						border: 2px solid #ffcf64;
						border-radius: 15rpx;
						margin-bottom: 30rpx;
						display: flex;
						color: #000;
						font-size: 28rpx;
						.page3_top_select_title{
							padding-top: 20rpx;
							padding-left: 10rpx;
							width: 35%;
							height: 100%;
						}
						.page3_top_select_area{
							padding-top: 20rpx;
							padding-left: 10rpx;
							padding-bottom: 10rpx;
							width: 55%;
							height: 100%;
						}
						.page3_top_select_icon{
							width: 10%;
							height: 100%;
							padding-top: 18rpx;
						}
					}
					.page3_top_search{
						margin: 0 auto;
						width: 90%;										
						height: 80rpx;
						display: flex;
						.uni-input{
							width: 70%;
							padding: 0 10rpx;
							height: 76rpx;
							color: #000;
							font-size: 26rpx;
							border: 2px solid #ffcf64;
							border-radius: 15rpx;
						}
						.search{
							width: 28%;
							height: 80rpx;
							background: #efad51;
							text-align: center;
							line-height: 80rpx;
							font-size: 28rpx;
							border-radius: 10rpx;
							color: #000;
						}
					}
					.page3_top_btn{
						margin: 0 auto;
						width: 90%;										
						height: 80rpx;
						margin-top: 30rpx;
						padding-bottom: 20rpx;
						display: flex;
						justify-content: space-between;
						.search_tab{
							width: 22%;
							height: 70rpx;
							background-color: #efad51;
							text-align: center;
							line-height: 70rpx;
							border-radius: 40rpx;
							font-size: 28rpx;
							color: #000;
							
						}
					}
				}
				.page3_bottom{
					width: 90%;
					margin: 30rpx auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					.page3_bottom_item{
						width: 47%;
						// height: 60rpx;
						height: 100rpx;
						background: #fff;
						color: #000;
						// padding-top: 20rpx;
						line-height: 100rpx;
						margin-top: 15rpx;
						text-align: center;
						font-weight: 550;
						border: 1px solid #efad51;
						border-radius: 30rpx;
					}
					.page3_bottom_page{
						width: 90%;
						margin: 20rpx auto;
						display: flex;
						justify-content: space-evenly;
						.page3_bottom_page_btn{
							width: 35%;
							height: 80rpx;
							text-align: center;
							line-height: 80rpx;
							background-color: #efad51;
							border-radius: 15rpx;
							color: #fff !important;
							font-size: 34rpx;
						}
					}
				}
			}
			.page4{
				width: 370px;
				margin-top: -30rpx;
				padding-top: 60rpx;
				padding-bottom: 30rpx;
				.page4_title1{
					width: 90%;
					margin: 0 auto;
					display: flex;
					justify-content: space-between;
					font-weight: 550;
					color: #fff;
				}
				.page4_title2{
					width: 90%;
					margin: 0 auto;
					font-size: 24rpx;
					text-align: center;
					color: #fff;
					line-height: 35rpx;
					margin-top: 30rpx;
				}
				.page4_form{
					width: 90%;
					margin: 20rpx auto;
					background: #fff;
					border-radius: 20rpx;
					padding-top: 30rpx;
					padding-bottom: 5rpx;
					.page4_form_view{
						width: 85%;
						margin: 0 auto;
						/deep/.u-form-item__body{
							margin-bottom: 20rpx;
						}
						/deep/.u-form-item__body__left{
							width: 60px !important;
							font-weight: 550;
						}
						/deep/.u-form-item__body__left__content__label{
							font-size: 28rpx !important;
						}
						/deep/.u-input__content__field-wrapper__field{
							font-size: 28rpx !important;
						}
					}
					.page4_form_btn{
						width: 80%;
						height: 100rpx;
						text-align: center;
						line-height: 100rpx;
						background: linear-gradient(to bottom, #d70009, #8e0006);
						border-radius: 50rpx;
						margin: 20rpx auto;
						color: #ffdea5;
						font-weight: 600;
						font-size: 36rpx;
					}
					.page4_form_agreement{
						width: 85%;
						margin: 30rpx auto;
						display: flex;
						/deep/.u-checkbox uni-text{
							// color: #000 !important;
							font-size: 26rpx !important;
						}
						/deep/.u-checkbox__icon-wrap {
							border-color: #000 !important;
						}
						/deep/.u-checkbox__icon-wrap--square{
							border-radius: 50%;
						}
						.page4_form_agreement_ag{
							font-size: 24rpx;
							span{
								text-decoration:underline;
								color: #8bd6ff;
							}
						}
					}
				}
			}
			.page5{
				width: 370px;
				height: 450rpx;
				color: #000;
				.scroll_box{
					background: #FFFFFF;
					height: 400rpx;
					width: 86% !important;
					margin: 0 auto 0;
					border-radius: 10rpx;
					padding: 20rpx 15rpx;
					.scroll_box_top{
						font-size: 32rpx;
						font-weight: 550;
					}
					.swiper{
						height: 160px;
						font-size: 26rpx;
						margin-top: 40rpx;
						.swiper-item{
							font-size: 24rpx;
							white-space:nowrap;
							overflow: hidden;
							background: linear-gradient(to right, #e1e1e1, #fdfdfd);
							height: 65rpx;
							border-radius: 30rpx;
							line-height: 65rpx;
							padding-left: 20rpx;
						}
					}
				}
			}
			.page6{
				width: 370px;
					p{
						text-align: center;
					}
					img{
						max-width: 370px !important;
						height: auto !important;  /* 高度自动调整，保持比例 */
						// display: block; /* 确保图片在其容器中居中显示 */
						 // margin: 0 auto; /* 可选：居中显示图片 */
					}
			}
			.page7{
				width: 370px;
				image{
					width: 100%;
				}
			}
			// }
		}
	}
	// .page6  img{
	// 	max-width: 370px !important;
	// 	height: auto !important; /* 高度自动调整，保持比例 */
	// 	// display: block; /* 确保图片在其容器中居中显示 */
	// 	 // margin: 0 auto; /* 可选：居中显示图片 */
	// }
	// tab切换
	.tabactive{
		background: #cc1b27 !important;
		color: #fff1c7 !important;
	}
	.phoneactive{
		box-shadow: inset 0 0 16px #f73b3b;
	}
	// 订单
	.order_query{
		width: 150rpx;
		height: 55rpx;
		text-align: center;
		line-height: 55rpx;
		font-size: 22rpx;
		border-radius: 15rpx;
		color: #000;
		background-color: #fff;
		opacity: 0.7;
		position: fixed;
		top: 60rpx;
		right: 0;
		z-index: 99;
		image{
			width: 35rpx;
			height: 35rpx;
			position: relative;
			top: 8rpx;
		}
	}
	.wrap{
		
		.u-button{
			height: 80%;
			padding:  18rpx;
			font-size: 24rpx;
			background: #0055ff;
			color: #fff;
			border-radius: 15rpx;
			
		}
	}
	.lastPage{
		opacity: 0.5;
	}
	.nextPage{
		opacity: 0.5;
	}
</style>
